<!DOCTYPE HTML>
<html>
<head>

	<title>HTML5<video>---使用 DOM 进行控制</title>
</head>
<body>
    <div sytle="text-align:center;">
    	<button onclick="playPause()">播放/暂停</button>
        <button onclick="makeBig()">大</button>
        <button onclick="makeNormal()">中</button>
        <button onclick="makeSmall()">小</button>
        <br/>

        <video id="video1" width="420" style="margin-top:15px;">
        	<source src="images/mov_bbb.mp4" type="video/mp4" />
            <source src="images/mov_bbb.ogg" type="video/ogg" />
            Yours browser does not support HTML5 video.
        </video>


    </div>
	
</body>
</html>

  <script type="text/javascript">
        var myVideo = document.getElementById('video1');
        function playPause(){
        	if(myVideo.paused){
        		myVideo.play();
        	}else{
        		myVideo.pause();
        	}
        }

        function makeBig(){
        	myVideo.width = 560;
        }


        function makeNormal(){

        	myVideo.width = 420;
        }


        function makeSmall(){
        	myVideo.width = 320;
        }

       
    </script>